<template>
	<div class='file_section_newFiles'>
		<div class='file_section_newFile' v-for='item in dataList'>
			<div class='img_box file_section_newFile_img_content'>
				<img class='file_section_newFile_img' :src='src'>
			</div>
			<h5 class='file_section_newFile_img_description h'>关于2023警示教育以警示教育以</h5>
			<div class='file_section_newFile_actions'>
				<span class='file_section_newFile_action'>
					<i class='iconfont icon-Star'></i>
					<span class='number restore'>4.5</span>
				</span>
				<span class='file_section_newFile_action'>
					<i class='iconfont icon-Eyes'></i>
					<span class='number views'>1.2k</span>
				</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			dataList:1,
		},
		data(){
			return{
	     src:'../img/pic8.jpg',
			}
		},
		methods:{
	  activeTypes(item, index){
			this.activeIndex = index;
		}
		}
	}
</script>

<style>
	.file_section_newFiles{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: -24px;
		.file_section_newFile{
			  margin-right:29px;
				width: 146px;
				margin-bottom:24px;
			  
			.file_section_newFile_img_content{
				width: 100%;
				height: 206px;
				background: #FFFFFF;
				box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.04);
				border-radius: 4px 4px 4px 4px;
				opacity: 1;
				border: 1px solid #E0E0E0;
				box-sizing:border-box;
				padding: 16px 14px;
				.file_section_newFile_img{
				  height:100%;
					width:auto;
				}
			}
			.file_section_newFile_img_description{
				width: 100%;
				margin: 12px 0;
			}
			.file_section_newFile_actions{
				display: flex;
				.file_section_newFile_action{
					display: flex;
					color: #999999;
					height:16px;
					line-height:16px;
					.iconfont{
						font-size: 16px;
					}
					.number{
						margin-left: 8px;
						margin-right: 16px;
						font-size: 14px;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 500;
						
					}
					.restore, .icon-Star{
						color: #FFB400;
					}
					
				}
			}
	  }
	
	
	}
</style>
